<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
		<title></title>
		<style type="text/css">
			div{
				height: 40px;
			}
		</style>
	</head>
	<body>
		<div class="layui-bg-orange">div</div>
		<div class="layui-bg-black">div</div>
		<div class="layui-bg-blue">div</div>
		<div class="layui-bg-cyan">div</div>
		<div class="layui-bg-green">div</div>
		<div class="layui-bg-red">div</div>
		<div class="layui-bg-gray">div</div>
		<hr >
		<button class="layui-btn"><i class="layui-icon layui-icon-addition"></i>添加</button>
		<button class="layui-btn layui-btn-danger"><i class="layui-icon layui-icon-subtraction"></i>删除</button>
		<button class="layui-btn layui-btn-normal"><i class="layui-icon layui-icon-edit"></i>编辑</button>
		<button class="layui-btn"><i class="layui-icon layui-icon-search"></i>查询</button>
		<button class="layui-btn">默认按钮</button>
	
	<hr >
	<button class="layui-btn"><i class="fa fa-plus"></i> 添加</button>
	<button class="layui-btn layui-btn-danger"><i class="fa fa-minus"></i> 删除</button>
	<button class="layui-btn layui-btn-normal"><i class="fa fa-edit"></i> 编辑</button>
	<button class="layui-btn"><i class="fa fa-search"></i> 查询</button>
	<button class="layui-btn">默认按钮</button>
	</body>
	<script src="layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
</html>
